<div class="box">
  <div>
    <label class="acc-label">
        {{t "clusterNew.agentConfig.overrideAffinity.nodeAffinity.title"}}
    </label>
  </div>
  <div class="row">
    <div class="col span-12">
      <div>
        {{#each allTerms as |term|}}
          <FormNodeSelectorTermK8s
            @value={{term}}
            @editing={{editing}}
            @remove={{action "removeTerm" term}}
            @typeChanged={{action "typeChanged" term}}
            data-testid="node-selector-term"
          />
        {{/each}}
      </div>
      {{#if editing}}
        <button data-testid="button-add-node-selector" class="btn bg-link icon-btn" type="button" {{action "addTerm"}}>
          <i class="icon icon-plus text-small"/>
          <span>
            {{t "clusterNew.agentConfig.overrideAffinity.nodeAffinity.addTerm"}}
          </span>
        </button>
      {{/if}}
    </div>
  </div>
</div>